<template>
  <div>
    <el-header class="header">
    <div><span style="font-size: 30px;">管理</span><span>{{title}}</span></div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
       <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
       <el-breadcrumb-item>{{title}}</el-breadcrumb-item>
       <el-breadcrumb-item>{{listName}}</el-breadcrumb-item>  
    </el-breadcrumb>
  </el-header>
  </div>
</template>

<script>


export default {
  props: { 
            title: {type: String, require: true},
            listName: {type: String ,require: true}
          },
}
</script>

<style scoped>
    .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-bottom: 3px solid #409EFF;
    margin-bottom: 10px;
  }
  .header div {
    display: inline-flex;

  }
  .header div span {
    padding-right: 8px;
  }
</style>